<template>
  <div class="t1">
     相关说明<br>
    （1）提问为免费服务功能；<br>

    （2）请务必提交完整的试题，以免影响作答（如选择题要包含题干和选项）；<br>

    （3）有文字版，请提交文字版试题，如不方便提交文字版试题，也可拍照试题提交图片，保证图片清晰完整，图片正面向上即可。<br>

    （4）上传的试题会很快得到作答，但不保证每个试题都能非常及时、准确的获得答案。<br>
<!--<br>图片上传<br>-->
</div>
<!--  <el-upload-->
<!--    class="avatar-uploader"-->
<!--    action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"-->
<!--    :show-file-list="true"-->
<!--    :on-success="handleAvatarSuccess"-->
<!--    :before-upload="beforeAvatarUpload"-->
<!--  >-->
<!--    <img v-if="imageUrl" :src="imageUrl" class="avatar" />-->
<!--    <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>-->
<!--  </el-upload>-->
    邮箱（选填，试题作答之后系统将会发送邮件到您的邮箱）<br>
     <el-input v-model="input1" placeholder="请输入邮箱地址" style="width:270px" size="large"/><br>
    考试名称/科目名称<br>
     <el-input v-model="input2" placeholder="请输入考试名称/科目名称" style="width:270px" size="large"/>
        <br>
     <el-button type="success" round class="enter" @click='up'>确认提交</el-button>
</template>

<script  setup>
import { ref } from 'vue'
import { ElMessage } from 'element-plus'
import { Plus } from '@element-plus/icons-vue'
import { UploadProps } from 'element-plus'

const input1 = ref('')
const input2 = ref('')
const imageUrl = ref('')
// let up = () => {
//     console.log("进来了")
//     ElMessage({
//       message: '提交成功.',
//       type: 'success',
//       })
// }
// const handleAvatarSuccess = (
//   response,
//   uploadFile
// ) => {
//   imageUrl.value = URL.createObjectURL(uploadFile.raw)
// }
//
// const beforeAvatarUpload = (rawFile) => {
//   if (rawFile.type !== 'image/jpeg') {
//     ElMessage.error('Avatar picture must be JPG format!')
//     return false
//   } else if (rawFile.size / 1024 / 1024 > 2) {
//     ElMessage.error('Avatar picture size can not exceed 2MB!')
//     return false
//   }
//   return true
// }
</script>

<style scoped>
.avatar-uploader .avatar {
  width: 178px;
  height: 178px;
  display: block;
}
</style>

<style>
.enter{
    width:200px;
    height:70px;
    font-size:30px;
    position:relative;
    left:600px
}
.t1{
    font-size:20px
}
.avatar-uploader .el-upload {
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--el-transition-duration-fast);
}

.avatar-uploader .el-upload:hover {
  border-color: var(--el-color-primary);
}

.el-icon.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  text-align: center;
}
</style>


